

<!DOCTYPE html><html><head><meta charset="utf-8"><link rel="Shortcut Icon" href="http://htmljs.b0.upaiyun.com//images/logo.ico?123"><link href="http://htmljs.b0.upaiyun.com//images/logo.ico?123" rel="shortcut icon" type="image/x-icon"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable = no"/>
<link href="http://htmljs.b0.upaiyun.com//images/icon.png" rel="apple-touch-icon"/>
<meta name="keywords" content="前端, 前端开发, web前端, web前端开发, 前端开发工程师, 前端开发攻城师,设计, 开发, 前端资源, CSS, JavaScript, Ajax, jQuery, html,html5,css3,浏览器兼容, 前端开发工具, 前端招聘, jQuery API, CSS整形和优化工具 , JS压缩工具 , JS格式化工具 , CSS参考手册 ,HTML参考手册 , 多重搜索 , nodejs , node , boostrap , sublime"/>
<script>if($.browser.msie){alert("请不要使用ie浏览本站！本站不支持ie10以下浏览器。")}</script><title>乱炖周刊第四期 - 每周为您推送本站精选的新鲜速递</title><base target="_blank"/><meta name="description" content="前端乱炖每周会为您推送本站精选的新鲜速递。">
<style>
img{
  max-width:100%;
}
p{
  margin:10px 0;
}
a{
  text-decoration: none;
  color:#56b38e;
  font-weight: bold;
  font-family: "微软雅黑";
}
html,body{margin:0;background: #fefefe;font-size: 14px;color:#444;}
*{
  
}
a:hover{
  text-decoration: underline;
}
@media screen and (min-width:100px) and (max-width:650px){
  table{
    width:100% !important;
  }
  body{
    margin:0 5px;
  }
  .wrapper{width:100% !important;overflow: hidden;}
  #googlead{display: none !important;}
  #wx img{width:50%;}
  #WBCommentFrame{
    display: none;
  }
  
}
</style>
</head>

<body>
  <div style="height:40px;background:#eee;color:#fff;line-height:40px;border-bottom:1px solid #ccc;">
    <div style="width: 600px;margin:0 auto;" class="wrapper">
      <a href="http://www.html-js.com" style="color:#333;">前端乱炖官网</a>
      <a href="http://www.html-js.com/static/htmljs-weekly-3.html" style="padding:0 10px;color:#333;">上一期</a>
      <a href="http://www.html-js.com/topic/215" style="padding:0 5px;color:#333;">我要推荐&投稿</a>
    </div>
  </div>
  <div id="newsletter" style="margin:0;padding:0; color: #333333; font: 13px/20px 'Helvetica Neue',Helvetica,Arial,Sans-serif;font-family:'Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif!important;overflow:hidden;" >
    <div class="wrapper" style="margin: 0px auto 0; width: 600px; padding-top:16px; padding-bottom:10px;">
      <div class="header clearfix" style="font-weight:bold;text-align:left;margin:10px 0;margin-top:20px;font-size:35px;color:#4e9d7e;padding:0px;">乱炖周刊 第四期</div>
      <div style="color:#999;font-size:12px;padding-left:0px;line-height:45px;">主编：芋头</div>
      <div style="">
        <div style="padding:0px;">
          <p style="font-size:14px;">乱炖周刊 是 <a href="http://www.html-js.com" target="_blank">前端乱炖</a> 网站推出的前端技术信息推送产品。我们会每周为您提供最新最有含量的内容推送，如果您有兴趣，欢迎订阅周刊。
          </p>
          
        <div style="float:left;">
          <p style="font-size:14px;margin-top:20px;color:#489275;">推荐给朋友：</p>

          <p style="font-size:13px;">
            <a href="http://service.weibo.com/share/share.php?appkey=659341943&url=http://www.html-js.com/static/htmljs-weekly-4.html&pic=http://htmljs.b0.upaiyun.com/uploads/1395160763024-Snip20140319_2.png&title=《乱炖周刊》第四期新鲜出炉啦，《乱炖周刊》是@前端乱炖 网站推出的前端精品文章推送产品，每周为您多渠道推送营养文，前端必备，推荐订阅。戳右边查看在线版→_→" target="_blank" title="分享到微博"><img src="http://htmljs.b0.upaiyun.com/uploads/1393254783476-button1.png" style="width:110px;margin-left:-8px;margin-top:-3px;"/>
            </a>
          </p>
        </div>
        </div>
      </div>
    </div>
  </div>
  <div style="font-size:18px;font-weight:bold;margin: 0px auto 0; width: 600px; padding-top:0px; color:#333;border-left:4px solid #4e9d7e;margin-top:20px;padding-left:5px;line-height:20px;">前端乱炖·专栏 本周精品</div>
  <div id="newsletter" >
  <div style="margin: 0px auto 0; width: 600px;padding-top:20px;"  class="">
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/column/113" style="display:inline-block;width:180px;">[ GitHub不完全装B指南 ]</a> <span style="display:inline-block;font-size:14px;"> 共 <span style="color:#ff0000">07</span> 篇文章，最后更新 <span style="color:#666">03-05</span>。write by <a href="http://www.html-js.com/user/1470">装B指南</a></span></div>
    
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/column/127" style="display:inline-block;width:180px;">[ LessCSS漫谈 ]</a> <span style="display:inline-block;font-size:14px;"> 共 <span style="color:#ff0000">03</span> 篇文章，最后更新 <span style="color:#666">03-15</span>。write by <a href="http://www.html-js.com/user/1113">TooBug </a></span></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/column/122" style="display:inline-block;width:180px;">[ javascript模式 ]</a> <span style="display:inline-block;font-size:14px;"> 共 <span style="color:#ff0000">02</span> 篇文章，最后更新 <span style="color:#666">03-16</span>。write by <a href="http://www.html-js.com/user/1465">辉泉 </a></span></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/column/136" style="display:inline-block;width:180px;">[ 菜鸟解读JQ ]</a> <span style="display:inline-block;font-size:14px;"> 共 <span style="color:#ff0000">02</span> 篇文章，最后更新 <span style="color:#666">03-05</span>。write by <a href="http://www.html-js.com/user/1695">北京-js-狮子</a></span></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/column/112" style="display:inline-block;width:180px;">[ AngularJS小技巧 ]</a> <span style="display:inline-block;font-size:14px;"> 共 <span style="color:#ff0000">04</span> 篇文章，最后更新 <span style="color:#666">03-05</span>。write by <a href="http://www.html-js.com/user/526">张小俊128</a></span></div>
    <a href="http://www.html-js.com/article" style="line-height:30px;font-size:12px;color:#333;text-decoration:underline;">创建我自己的专栏</a>
  </div>
</div>
  <div style="font-size:18px;font-weight:bold;margin: 0px auto 0; width: 600px; padding-top:0px; color:#333;border-left:4px solid #4e9d7e;margin-top:20px;padding-left:5px;line-height:20px;">前端乱炖·原创文章 本周精品</div>
  <div id="newsletter" >
  <div style="margin: 0px auto 0; width: 600px;padding-top:20px;" class="">
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/LessCSS-on-LessCSS-on--Opening" style="display:inline-block;width:350px;">[ LessCSS漫谈 - 开篇 ]</a><span style="display:inline-block;font-size:14px;">  by <span style="display:inline-block;width:100px;">TooBug</span><span style="padding-left:20px;">✭✭✭✭✩</span></span></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/LessCSS-on-LessCSS-on-" style="display:inline-block;width:350px;">[ LessCSS漫谈 - 上了再说（新手上路） ]</a><span style="display:inline-block;font-size:14px;">  by <span style="display:inline-block;width:100px;">TooBug</span><span style="padding-left:20px;">✭✭✭✭✭</span></span></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/LessCSS-of-LessCSS-on-his--pose-faces-mainstream-compiler-program-overview" style="display:inline-block;width:350px;">[ LessCSS漫谈 - 【番外】姿势面面观 ]</a><span style="display:inline-block;font-size:14px;">  by <span style="display:inline-block;width:100px;">TooBug</span><span style="padding-left:20px;">✭✭✭✭✭</span></span></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/Reading-writing-Nodejs-after-reading-the-comments-explain-profound-theories-in-simple-language-to-talk-about" style="display:inline-block;width:350px;">[ 《深入浅出Node.js》阅后谈 ]</a><span style="display:inline-block;font-size:14px;">  by  <span style="display:inline-block;width:100px;">引证</span><span style="padding-left:20px;">✭✭✭✭✭</span></span></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/Using-Angular-to-develop-web-application-with-AngularJS-and-Firebase-to-produce-a-real-time-polling-application" style="display:inline-block;width:350px;">[ 用AngularJS和Firebase制作实时投票应用 ]</a><span style="display:inline-block;font-size:14px;">  by <span style="display:inline-block;width:100px;">张小俊</span><span style="padding-left:20px;">✭✭✭✭✩</span></span></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/Injection-with-Angular-development-web-application-AngularJS-explain-only-dependence" style="display:inline-block;width:350px;">[ 详解AngularJS中的依赖注入 ]</a><span style="display:inline-block;font-size:14px;">  by <span style="display:inline-block;width:100px;">张小俊</span><span style="padding-left:20px;">✭✭✭✭✭</span></span></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/Using-Angular-to-develop-web-application-AngularFire-entry" style="display:inline-block;width:350px;">[ AngularFire入门 ]</a><span style="display:inline-block;font-size:14px;">  by <span style="display:inline-block;width:100px;">张小俊</span><span style="padding-left:20px;">✭✭✭✭✩</span></span></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/JavaScript-mode-in-JavaScript-class-inheritance-mode" style="display:inline-block;width:350px;">[ javascript 中的类继承模式 ]</a><span style="display:inline-block;font-size:14px;">  by <span style="display:inline-block;width:100px;">辉泉</span><span style="padding-left:20px;">✭✭✭✭✩</span></span></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/cainiaojiedujQ-jqdidomjiazaijianceguocheng" style="display:inline-block;width:350px;">[ jQuery的dom加载检测过程 ]</a><span style="display:inline-block;font-size:14px;">  by <span style="display:inline-block;width:100px;">北京-js-狮子</span><span style="padding-left:20px;">✭✭✭✭✩</span></span></div>
    
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/Mobile-and-the-front-end-of-the-unit-test-JS-performance-benchmarking-tool--farewell-perhaps-perhaps-this-may-be-faster-and-more-province" style="display:inline-block;width:350px;">[ js性能基准测试工具 ]</a><span style="display:inline-block;font-size:14px;">  by <span style="display:inline-block;width:100px;">互联网fans</span><span style="padding-left:20px;">✭✭✭✩✩</span></span></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/article/Study-on-Nodejs-using-Mocha-test-Chai-Nodejs-test" style="display:inline-block;width:350px;">[ 用Mocha，Chai进行Node.js测试 ]</a><span style="display:inline-block;font-size:14px;">  by <span style="display:inline-block;width:100px;">张小俊</span><span style="padding-left:20px;">✭✭✭✭✩</span></span></div>
  </div>
</div>
  <div style="font-size:18px;font-weight:bold;margin: 0px auto 0; width: 600px; padding-top:0px; color:#333;border-left:4px solid #4e9d7e;margin-top:20px;padding-left:5px;line-height:20px;">前端乱炖·招聘季</div>
  <div style="margin: 0px auto 0; width: 600px;padding-top:20px;" class="wrapper">
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/topic/240">[ 蘑菇街（杭州）招聘前端工程师 ]</a></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/topic/244">[ [北京]AdMaster精硕科技 招聘JS/Node开发工程师  ]</a></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/topic/243">[ [北京] 招聘前端工程师：Grafana, Graphene, ACE, Atom ]</a></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/topic/238">[ 搜狗搜索网页开发部招聘前端工程师（急） ]</a></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/topic/239">[ 杭州国硕科技 招聘HTML5前端人才 ]</a></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/topic/235">[ 阿里巴巴通信事业部招聘前端开发 ]</a></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/topic/234">[ 招聘 高级Web前端工程师---技术最好能到20K以上 ]</a></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a href="http://www.html-js.com/topic/221">[ 英国公司Salmon招聘前端工程师 ]</a></div>
     <a href="http://www.html-js.com/topic?tag_id=3" style="line-height:30px;font-size:12px;color:#333;text-decoration:underline;">发布招聘信息</a>
  </div>
<div style="font-size:18px;font-weight:bold;margin: 0px auto 0; width: 600px; padding-top:0px; color:#333;border-left:4px solid #4e9d7e;margin-top:20px;padding-left:5px;line-height:20px;">前端乱炖·业内优秀文章精选</div>
<div id="newsletter" >
  <div style="margin: 0px auto 0; width: 600px;padding-top:20px;">
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a style="font-size:14px;display:inline-block;width:450px;" href="http://www.html-js.com/blog/2508">[ Simple JavaScript Inheritance ]</a> <span style="display:inline-block;font-size:14px;">来自：John Resig</span></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a style="font-size:14px;display:inline-block;width:450px;" href="http://www.html-js.com/blog/2507">[ 开放静态文件 CDN，提供各库的开放存储 ]</a> <span style="display:inline-block;font-size:14px;">来自：staticfile.org</span></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a style="font-size:14px;display:inline-block;width:450px;" href="http://www.html-js.com/blog/2504">[ 使用cnpm搭建企业内部私有NPM仓库 ]</a> <span style="display:inline-block;font-size:14px;">来自：SF</span></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a style="font-size:14px;display:inline-block;width:450px;" href="http://www.html-js.com/blog/2502">[ CoffeeScript的Sublime Text 2开发环境配置 ]</a> <span style="display:inline-block;font-size:14px;">来自：2gua</span></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a style="font-size:14px;display:inline-block;width:450px;" href="http://www.html-js.com/blog/2503">[ Sass助力腾讯：刘炬光译者序 ]</a> <span style="display:inline-block;font-size:14px;">来自：图灵社区</span></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a style="font-size:14px;display:inline-block;width:450px;" href="http://www.html-js.com/blog/2497">[ JavaScript之web通信 ]</a> <span style="display:inline-block;font-size:14px;">来自：SF</span></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a style="font-size:14px;display:inline-block;width:450px;" href="http://www.html-js.com/blog/2498">[ 300 毫秒点击延迟的来龙去脉 ]</a> <span style="display:inline-block;font-size:14px;">来自：阿里巴巴</span></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a style="font-size:14px;display:inline-block;width:450px;" href="http://www.html-js.com/blog/2496">[ [翻译]Atom 来了! ]</a> <span style="display:inline-block;font-size:14px;">来自：After code</span></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a style="font-size:14px;display:inline-block;width:450px;" href="http://yanhaijing.com/web/2014/02/21/how-to-test-mobile-websit-on-pc/">[ 如何在电脑上测试手机网站 原创 ]</a> <span style="display:inline-block;font-size:14px;">来自：w3cplus</span></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a style="font-size:14px;display:inline-block;width:450px;" href="http://www.html-js.com/blog/2489">[ canvas的性能优化 ]</a> <span style="display:inline-block;font-size:14px;">来自：司徒正妹</span></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a style="font-size:14px;display:inline-block;width:450px;" href="http://www.html-js.com/blog/2453">[ 响应式设计：概念与运用 ]</a> <span style="display:inline-block;font-size:14px;">来自：w3cplus</span></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a style="font-size:14px;display:inline-block;width:450px;" href="http://www.html-js.com/blog/2454">[ Web中内嵌内容实现响应式效果 ]</a> <span style="display:inline-block;font-size:14px;">来自：w3cplus</span></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a style="font-size:14px;display:inline-block;width:450px;" href="http://www.html-js.com/blog/2509">[ [投票]你在使用哪种CSS预处理器 ]</a> <span style="display:inline-block;font-size:14px;">来自：w3cplus</span></div>
    <div class="title" style="font-size:14px;line-height:30px;padding-top:0px;"><a style="font-size:14px;display:inline-block;width:450px;" href="http://www.html-js.com/blog/2487">[ 代码的抽象三原则 ]</a> <span style="display:inline-block;font-size:14px;">来自：阮一峰</span></div>

  </div>
</div>
<div style="font-size:18px;font-weight:bold;margin: 0px auto 0; width: 600px; padding-top:0px; color:#333;border-left:4px solid #4e9d7e;margin-top:20px;padding-left:5px;line-height:20px;">微信公众号</div>
    <div style="margin: 0px auto 0; width: 600px;" class="wrapper">
      <img width="250" style="" src="http://htmljs.b0.upaiyun.com/uploads/1394040251862-qrcode.png"/>
      <div style="clear:both;"></div>
    </div>
  <div style="font-size:18px;font-weight:bold;margin: 0px auto 0; width: 600px; padding-top:0px; color:#333;border-left:4px solid #4e9d7e;margin-top:20px;padding-left:5px;line-height:20px;">乱炖访谈·尤小右</div>
  <div style="margin: 0px auto 0; width: 600px;" class="wrapper">
<div style="color:#333;line-height:30px;font-size:14px;margin-top:10px;font-weight:bold;">1. 能简单的介绍下你自己吗？  </div>

<div style="color:#777;line-height:25px;font-size:12px;">大家好，我叫尤雨溪，目前在 Google Creative Lab 就职。其实我原本是做设计的，但是后来为了把自己设计的东西做出来，不知不觉就进了前端开发这个坑... </div> 

<div style="color:#333;line-height:30px;font-size:14px;margin-top:10px;font-weight:bold;">2. 在google您主要负责哪些事情？？   </div>

<div style="color:#777;line-height:25px;font-size:12px;">首先我想解释一下，Google Creative Lab 和 Google X 不一样，后者是搞纯高科技的，而 Creative Lab 更多的是进行创意推广和用户体验、界面设计上的各种实验。Lab 内部的一些产品想法通常都比较超前或是天马行空，而我作为 Creative Technologist 则需要快速地实现可体验的产品原型。除此之外还会参与一些类似 Chrome Experiments 的创意类项目。   </div> 

<div style="color:#333;line-height:30px;font-size:14px;margin-top:10px;font-weight:bold;">3. 能介绍下您构建的vue.js项目吗？例如其性质和场景，特别之处，目前的状态。</div> 

<div style="color:#777;line-height:25px;font-size:12px;margin-top:10px;">写 Vue.js 的缘由是因为我在快速原型开发的过程中试用了多个框架都没法完美满足需求。我做的原型大部分专注在界面的交互细节，而且都不是传统的应用，Angular 和 Ember 这样的全功能框架太过繁重而且灵活性不够，Backbone 在界面层根本没有数据绑定，而 Knockout 和 Ractive 在多个组件的嵌套和组合上都做得不是很理想。我想要一个轻量的库来来提供最简洁的 MVVM 数据绑定，并且提供可复用、可嵌套的组件机制。之所以要做 MVVM 数据绑定，是因为它可以使得界面变得由数据和状态驱动，视图的状态逻辑可以和具体的 DOM 操作良好的解耦。  </div> 
<div style="color:#777;line-height:25px;font-size:12px;margin-top:10px;">在 API 设计上，一开始是想把 Backbone 简洁友好的 API 和 Angular 扩展性良好的指令机制进行一个结合，后来开始注重向 Web Components 靠拢。至于具体的实现，我一开始就打定主意只支持 ES5 兼容的浏览器，因为我发现可以靠 ES5 的 `Object.defineProperty` 来将对象的属性转化成 getter 和 setter，从而实现在直接操作原生 JS 对象的时候触发事件，达到观察数据变化和收集依赖的目的。这样实现的结果就是性能比 Angular 的 dirty checking 高了一个数量级，同时对开发者保留了最简洁的数据操作语法。Vue.js 还对数据的变化进行异步的批量处理，保证一个事件循环内同一个数据的多次变化只触发一次视图更新，最大化的减少 DOM 操作。在 TodoMVC benchmark 中，Vue.js 的速度胜过了所有其他框架。由于其本身只专注于 UI 层，所以使用场景很灵活，从单页应用到嵌在静态页面里的表单或是小组件都可以胜任，另外整个库 gzip 后只有 13kb 且没有依赖，非常适合在对文件大小和性能敏感的移动项目中使用。  </div>   
<div style="color:#777;line-height:25px;font-size:12px;margin-top:10px;">Vue.js 马上将要发布 v0.10，内部实现进行了大幅的改进，性能更加强劲，并且吸取 GitHub 上用户的意见加入了一些好用的新功能。在这个版本发布后，Vue.js 将会进入相对稳定的状态，我会把时间更多地用来发布一些更详细的教程和范例。</div>
<div style="color:#333;line-height:30px;font-size:14px;margin-top:10px;font-weight:bold;">4. 平常您的生活是如何的？例如下班后和周末一般做些什么？会经常去度假吗？ </div>  

<div style="color:#777;line-height:25px;font-size:12px;">日常生活没什么特别的，偶尔要加加班，在家有空主要就是做做自己的个人项目，有时候陪老婆看电视剧，周末出去吃个饭，去 flushing K个歌什么的... 总的来说还是比较宅。</div>  

<div style="color:#333;line-height:30px;font-size:14px;margin-top:10px;font-weight:bold;">5. 最近网上流传一篇Google办公室的文章，里面把google的工作环境描述的如空中花园一般，事实是这样吗？在google的工作状态是怎样的？</div>  

<div style="color:#777;line-height:25px;font-size:12px;">文章我没看过，不知道说得有多神... 不过 Google 的工作环境确实比较舒服，各种地方都做得比较贴心。工作状态一般比较放松，不需要定点到办公室，也不规定几点下班，开会也可以远程 Google Hangout... 基本上只要团队交代的事情做好了就可以。</div>  

<div style="color:#333;line-height:30px;font-size:14px;margin-top:10px;font-weight:bold;">6. Google内部的前端开发是如何展开的？有什么优秀理念值得其他同行学习？</div>  

 <div style="color:#777;line-height:25px;font-size:12px;">Google 内部的前端开发其实分化还挺厉害的，并没有一个统一的标准，更多的是视团队而定。相当一部分应用还是用 java 写然后用 GWT 编译成 JS 的... 还有一大部分还是在用 Closure Library，整体风格比较繁琐，但这主要是出于一些核心产品对极端的工程稳定性的要求。由于我不在这样的工程团队里，所以在这方面并没有太多可以分享的。现在也有一部分应用开始用 </div>    
 <div style="color:#333;line-height:30px;font-size:14px;margin-top:10px;font-weight:bold;">7. 能给国内的前端开发者一些建议？</div>  

 <div style="color:#777;line-height:25px;font-size:12px;">对于学习上的建议，一个是学好英文，这样可以主动地吸收国外前端社区的最新动态，接触最前沿的理念，遇到问题搜索起来也更容易找到解决方案，甚至可以直接去看规范。另一个就是善用 GitHub，多看别人的代码，这和多看书才能写出好文章是一个道理。对感兴趣的技术，自己动手摸索着造个简陋的轮子，就会明白难点在哪里，也会更容易理解别人的源码为什么要这样写。最后谢谢乱炖君，希望乱炖越办越好 :) </div>    

 <div style="background: none repeat scroll 0 0 #FFFFFF;  margin: 0px 0 0; padding: 20px 0;">
  <p style="border-top:1px solid #ddd;font-size:12px;padding-top:10px;color:#999;"><a href="http://www.html-js.com">@前端乱炖 </a> 是一个功能丰富的提供高质量内容的技术社区</p>
<p style="border-top:1px solid #ddd;font-size:12px;padding-top:5px;color:#999;">为了确保您能收到及时的通知，请将 postmaster@htmljs.sendcloud.org 添加为联系人。</p>

   
  </div>
</div>
  </body>
</html>